<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <meta charset="UTF-8">
    <title>云信科技金融服务平台可视化监控</title>
    <link rel="icon" href="public/images/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="public/images/favicon.ico" type="image/x-icon"/>
    <meta name="keywords" content="金融服务,供应链金融" />
    <meta name="description" content="云信科技金融服务平台可视化监控">
    <link href="public/css/reset.min.css" rel="stylesheet" type="text/css">
    <link href="public/css/index.css" rel="stylesheet" type="text/css">
    <link href="public/css/enterprise.css" rel="stylesheet" type="text/css">
    <link href="public/css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="public/js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="public/js/yx-public.js"></script>
    <script type="text/javascript" src="public/js/jquery.mCustomScrollbar.js"></script>
    <script type="text/javascript" src="public/js/jquery.SuperSlide.2.1.3.js"></script>
    <script src="https://cdn.bootcss.com/echarts/4.2.0-rc.2/echarts.min.js"></script>
    <script type="text/javascript" src="public/js/echarts-liquidfill.js"></script>
    <script type="text/javascript" src="public/js/macarons.js"></script>
    <!--监控-->
    <!--<script src="My97DatePicker/WdatePicker.js"></script>-->
    <!--<script src="public/js/json2.js"></script>-->

    <script language="javascript" for="DPSDK_OCX" event="OnCorrectTalkParamEvent(nTalkType, nAudioType, nAudioBit, nSampleRate, nTransMode)">
        var str = ("Correct Talk Param [nTalkType=" + nTalkType + "]" + " [nAudioType=" + nAudioType + "]" + " [nAudioBit=" + nAudioBit
        + "]" + " [nSampleRate=" + nSampleRate + "]");
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnMediaDataFirstFrameEvent(szCameraID, nCameraIDLen, nFactoryType, nPlayMode)">
        var str = (" Media Data First Frame [szCameraID=" + szCameraID + "]" + " [nCameraIDLen=" + nCameraIDLen + "]" + " [nFactoryType=" + nFactoryType + "]"
        + " [nPlayMode=" + nPlayMode + "]");
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnCorrectTalkParamEvent(nTalkType, nAudioType, nAudioBit, nSampleRate, nTransMode)">
        var str = ("Correct Talk Param [nTalkType=]" + nTalkType + " [nAudioType=]" + nAudioType + " [nAudioBit=]" + nAudioBit
        + " [nSampleRate=]" + nSampleRate + " [nTransMode=]" + nTransMode );
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnDownloadRecordProgress(szFileName,fProgress)">
        document.getElementById("textDownloadProgress").innerText = fProgress;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnDownloadRecordComplete(szFileName)">
        document.getElementById("textDownloadProgress").innerText = 100;
        alert("下载完成!");
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnAlarmEvent(szAlarmId, szCameraId, szDeviceName, szChannelName, nAlarmType, nEventType, nLevel, nTime)">

        var str = ("OnAlarmEvent [szAlarmId=]" + szAlarmId + " [szCameraId=]" + szCameraId + "[szDeviceName=]" + szDeviceName
        + "[szChannelName=]" + szChannelName + "[nAlarmType=]" + nAlarmType + "[nEventType=]" + nEventType + "[nLevel=]" + nLevel + "[nTime=]" + nTime);
        document.getElementById("GlobalInfo").innerText = str;

        if(8 == nAlarmType)
        {
            //alert(szChannelName);
        }
        else if((300 < nAlarmType)&&(nAlarmType < 1100))
        {
            //alert(szChannelName);
        }
        else
        {
            //alert(szCameraId);
        }
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnDevStatusEvent(szDevId, nStatus)">
        var str = "";
        switch(nStatus)
        {
            case 1:
                //alert("设备上线！" + szDevId);
                str = "设备上线！" + szDevId;
                //ButtonGetDGroupInfo_onclick();
                ButtonStartRealplayByWndNo_onclick();
                //ButtonStartRealplayByWndNo_onclickSelect();
                break;
            case 2:
                //alert("设备离线！" + szDevId);
                str = "设备离线！" + szDevId;
                break;
        }
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnNvrChannelStatusEvent(szChnlId, nStatus)">
        var str = "";
        switch(nStatus)
        {
            case 1:
                str = "通道上线！" + szChnlId;
                break;
            case 2:
                str = "通道离线！" + szChnlId;
                break;
        }
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnGeneralJsonCallBack(Json)">
        var str1 = "json返回结果：";
        var str = str1 + Json;
        document.getElementById("JsonResult").innerText = str;

        var jsonObj = JSON.parse(Json);
        var strMethod = jsonObj.method;

        if (strMethod == "cu.searchSnapPicUrl") {
            var obj = document.getElementById("DPSDK_OCX");
            var ftpInfo = obj.DPSDK_GetFTPInfo();
            var picurl = jsonObj.params.snapPicList[0].snapPicUrl;
            var ftpurl = ftpInfo + picurl;
            alert(ftpurl);
            document.getElementById("snapPicture").src = ftpurl;
        }
        else if (strMethod == "dms.getSnapPic") {
            var picdata = jsonObj.params.PicData;
            alert(picdata);
        }
        else if (strMethod == "Scs.NotifyBye")
        {
            alert("通话结束");
        }
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnServerStatusChangeEvent(nStatus)">
        var str = "";
        switch(nStatus)
        {
            case 1:
                str = "服务上线！";
                var obj = document.getElementById("DPSDK_OCX");
                ShowCallRetInfo(obj.DPSDK_LoadDGroupInfo(), "加载组织结构");
                break;
            case 2:
                str = "服务离线！";
                break;
        }
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnAsyncLoadDGroupInfoComplete(nRet, nGroupLen)">
        var str = ("AsyncLoadDGroupInfoComplete [nRet=]" + nRet + " [nGroupLen=]" + nGroupLen);
        document.getElementById("RetInfo").innerText = str;
        var obj = document.getElementById("DPSDK_OCX");
        //	document.getElementById("DGroupInfo").innerText = obj.DPSDK_GetDGroupStr();
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnWndLBtnClick(nWndId, nWndNo, xPos, yPos)">
        var str = ("OnWndLBtnClick [nWndId=]" + nWndId + " [nWndNo=]" + nWndNo + " [xPos=]" + xPos + " [yPos=]" + yPos);
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnWndRBtnClick(nWndId, nWndNo, xPos, yPos)">
        var str = ("OnWndRBtnClick [nWndId=]" + nWndId + " [nWndNo=]" + nWndNo + " [xPos=]" + xPos + " [yPos=]" + yPos);
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnChannelViewInfoReportEvent(szCamearId, nDistance, nAngelH, nAzimuthH, nInclinationH)">

        var str = ("OnChannelViewInfoReportEvent [szCamearId=]" + szCamearId + " [nDistance=]" + nDistance + "[nAngelH=]" + nAngelH
        + "[nAzimuthH=]" + nAzimuthH + "[nInclinationH=]" + nInclinationH );
        document.getElementById("GlobalInfo").innerText = str;
    </script>

    <script language="javascript" for="DPSDK_OCX" event="OnAsyncLoginComplete(nRet)">
        if(nRet == 0)
        {
            bLogin = 1;
        }
        ShowCallRetInfo(nRet, "异步登录");
    </script>

    <!--end-->
</head>
<body id="mbody" onload="init();"  onunload="ButtonLogout_onclick()">
<!--head-->
<div class="yx-head">
    <h1>云信科技金融服务平台可视化监控</h1>
</div>
<!--按钮-->
<div class="yx-btn-box  clear">
    <a href="index.html" class="fl">返回首页</a>
    <a href="####" class="fr">业务操作流程</a>
</div>
<div class="yx-content-box">
    <div class="yx-con-box">
        <div class="yx-con-left">
            <div class="item-box">
                <div class="bg-left"></div>
                <div class="item-title">
                    <div class="f16 etitle">企业列表</div>
                </div>
               <div class="item-list-con">
                   <div class="qy-list">
                       <ul class="clear">
                           <li ro-data="juxin" class="on">
                               <a href="###">茌平聚鑫制造有限公司</a>
                           </li>
                           <li ro-data="jiaxuan">
                               <a href="###">茌平县嘉轩工贸有限公司</a>
                           </li>
                           <li ro-data="huitong">
                               <a href="###">茌平县汇通机械制造有限公司</a>
                           </li>
                           <li ro-data="juxin">
                               <a href="###">黄山高立亚照明电器有限责任公司</a>
                           </li>
                           <li ro-data="jiaxuan">
                               <a href="###">山东多路驰橡胶股份有限公司</a>
                           </li>
                           <li ro-data="huitong">
                               <a href="###">东营顺通化工(集团)有限公司</a>
                           </li>
                           <li ro-data="juxin">
                               <a href="###">东营市华兴化工有限责任公司</a>
                           </li>
                           <li ro-data="jiaxuan">
                               <a href="###">东营众腾金属制品有限公司</a>
                           </li>
                           <li ro-data="juxin">
                               <a href="###">东营益盛化工有限公司</a>
                           </li>
                           <li ro-data="123">
                               <a href="###">山东利津雅美纺织有限公司</a>
                           </li>
                           <li ro-data="123">
                               <a href="###">安徽裕龙包装材料有限公司</a>
                           </li>
                           <li ro-data="123">
                               <a href="###">山东梁山亚中车辆有限公司</a>
                           </li>
                           <li ro-data="123">
                               <a href="###">山东长凯石油科技有限公司</a>
                           </li>
                           <li ro-data="123">
                               <a href="###">东辰控股集团有限公司石化分公司</a>
                           </li>
                       </ul>
                   </div>
               </div>
                <div class="item-bottom">
                    <p></p>
                </div>
            </div>
        </div>
        <div class="yx-con-right">
            <div class="item-box l-line">
                <div class="bg-left"></div>
                <div class="item-title">
                    <div class="f16 etitle leftP">五点数据</div>
                </div>
                <div class="five-point clear" id="bind-five-data">
                    <span>
                        <p>1713000</p>
                        <a>原材料</a>
                    </span>
                    <span>
                        <p>251290</p>
                        <a>在线品</a>
                    </span>
                    <span>
                        <p>607000</p>
                        <a>产成品</a>
                    </span>
                    <span>
                        <p>750000</p>
                        <a>应收款</a>
                    </span>
                    <span>
                        <p>116800</p>
                        <a>账面资金</a>
                    </span>
                </div>
                <div class="item-bottom">
                    <p></p>
                </div>
            </div>
            <div class="item-box marT l-line">
                <div class="bg-left"></div>
                <div class="item-title">
                    <div class="f16 etitle leftP">四库监管</div>
                </div>
                <div class="five-point clear four-library">
                    <span>
                        <p>原材料监管库</p>
                    </span>
                    <span>
                        <p>在线品区库</p>
                    </span>
                    <span>
                        <p>产品集散库</p>
                    </span>
                    <span>
                        <p>消费品终端库</p>
                    </span>
                </div>
                <div class="item-bottom">
                    <p></p>
                </div>
            </div>
            <div class="detailed-con">
                <div class="detailed-con-left">
                    <div class="item-box">
                        <div class="bg-left"></div>
                        <div class="item-title">
                            <div class="f16 etitle">详细数据</div>
                            <div class="add-open-box open-btn"></div>
                        </div>
                        <div class="e-box-one padT0">
                            <div class="video-s-lay">
                                <div class="detailed-con-dis">
                                    <div class="five-data-con" id="five-data-con1">
1
                                    </div>
                                    <div class="five-data-con " id="five-data-con2">
                                        <p class="f14 f-title">授信额度</p>
                                        <div class="quota-con">
                                            <div class="w100">
                                                <p class="f14">总额度（元）</p>
                                                <p class="f14">1777445</p>
                                            </div>
                                            <div class="ech-edu-con" id="ech-edu-con">
                                                1
                                            </div>
                                            <div class="w100">
                                                <p class="f14">已用总额度（元）</p>
                                                <p class="f14">355489</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="detailed-con-dis">
                                    <div class="testing-inbox" id="run-box">
                                        1
                                    </div>
                                    <div class="testing-inbox" id="waring-box">
                                        1
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item-bottom">
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="detailed-con-right">
                    <div class="item-box">
                        <div class="bg-left"></div>
                        <div class="item-title">
                            <div class="f16 etitle">四库监管画面</div>
                            <div class="add-open-box four-btn-box"></div>
                        </div>
                        <div class="e-box-one padT0">
                            <div class="video-s-lay">
                                <!--视频-->
                                <div class="video-s-more">
                                    <!--视频滚动-->
                                    <div class="hd">
                                        <ul><li></li><li></li><li></li><li></li></ul>
                                    </div>
                                    <div class="bd">
                                        <ul>
                                            <li>
                                                <div style="height:100px">1</div>
                                            </li>
                                            <li>
                                                2
                                            </li>
                                            <li>
                                                3
                                            </li>
                                            <li>
                                                4
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                                    <a class="prev" href="javascript:void(0)"></a>
                                    <a class="next" href="javascript:void(0)"></a>
                                    <!--end-->
                                </div>
                                <!--end-->
                            </div>
                        </div>
                        <div class="item-bottom">
                            <p></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="yx-footer-box"></div>
<!--详细数据弹窗-->
<div class="lay-bg-box">
    <div class="lay-con-box">
        <div class="item-box">
            <div class="bg-left"></div>
            <div class="item-title">
                <div class="f16 etitle">详细数据</div>
                <div class="add-open-box close-btn-box"></div>
            </div>
            <div class="e-box-one padT0">
                <div class="clone-box">
                    1234
                </div>
            </div>
            <div class="item-bottom">
                <p></p>
            </div>
        </div>
    </div>
</div>
<!--四库监管画面弹窗-->
<div class="four-lay-bg-box">
    <div class="four-lay-con-box">
        <div class="item-box">
            <div class="bg-left"></div>
            <div class="item-title">
                <div class="f16 etitle">四库监管画面</div>
                <div class="add-open-box close-btn-four"></div>
            </div>
            <div class="e-box-one padT0">
                <div class="video-box">
                    <!--视频滚动-->
                    <div class="hd">
                        <ul><li></li><li></li><li></li><li></li></ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li>
                                <div style="height:500px">
                                    <!--视频start-->
                                    <div id="mainbg clear">
                                        <div id="main clear">
                                            <div  id="RetInfo"></div>
                                            <div  id="GlobalInfo" style="display: none;"></div>
                                            <div class="box_top"></div>
                                            <div id="mviewl">
                                                <div id="obj">
                                                    <object id="DPSDK_OCX" classid="CLSID:D3E383B6-765D-448D-9476-DFD8B499926D" style="width: 100%; height: 80%" codebase="DpsdkOcx.cab#version=1.0.0.0"></object>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="rightDiv">
                                            <div class="rightDivInput">
                                                通道<!--<input type="text" id="textCameraID" value="1000002$1$0$0" />-->
                                                <select id="monitoringChannelId" onchange="ButtonStartRealplayByWndNo_onclickSelect()" style="height: 30px;line-height: 30px; width: 210px;">
                                                    <!--<option value="1000002$1$0$1">1000002$1$0$1</option>-->
                                                    <!--<option value="1000002$1$0$2">1000002$1$0$2</option>
                                                    <option value="1000002$1$0$3">1000002$1$0$3</option>
                                                    <option value="1000002$1$0$4">1000002$1$0$4</option>-->
                                                </select>
                                                设置窗口数量：
                                                <input type="text" id="textWndNum" value="4" size=""/>
                                                <input type="button" id="buttonCreateWnd" value="设置" class="button" onclick="return ButtonCreateWnd_onclick()" />
                                                <input type="button" id="buttonLogout" value="登出" class="button" onclick="return ButtonLogout_onclick()" />
                                            </div>
                                            <ul id="tab_con">
                                                <li id="tab_con_1" style="display:none;">
                                                    <div style="">
                                                        <div style="width:50%; float:left;display: block">
                                                            <input type="text" id="textIP" value="58.58.232.70"  size="10"/>
                                                            <input type="text" id="textPort" value="9000" size="10"/>
                                                            <input type="text" id="textUser" value="test" size="10"/>
                                                            <input type="text" id="textPassword" value="a123456789" size="10"/>
                                                            <input type="button" id="buttonLogin" value="登录" class="button" onclick="return ButtonLogin_onclick()" />
                                                            <input type="button" id="buttonAsyncLogin" value="异步登录" class="button" onclick="return ButtonAsyncLogin_onclick()" />
                                                            <!--<input type="button" id="buttonLogout" value="登出" class="button" onclick="return ButtonLogout_onclick()" />-->
                                                            <input type="button" id="buttonLoadDGroupInfo" value="加载组织结构" class="button" onclick="return ButtonLoadDGroupInfo_onclick()" />
                                                            <input type="button" id="buttonAsyncLoadDGroupInfo" value="异步加载组织结构" class="button" onclick="return ButtonAsyncLoadDGroupInfo_onclick()" />
                                                            <input type="button" id="buttonGetDGroupInfo" value="获取组织结构" class="button" onclick="return ButtonGetDGroupInfo_onclick()" />
                                                            <input type="button" id="buttonConnectDmsByChnlId" value="根据通道ID连接DMS" class="button" onclick="return ButtonConnectDmsByChnlId_onclick()" />
                                                        </div>
                                                        <div style="width: 50%;height: 150px;overflow: auto; float: left; display: block" id="DGroupInfo"></div>
                                                        <div style="clear:both"></div>
                                                    </div>
                                                    <div style="border:1px solid white;padding:5px;display: block">
                                                        <input type="button" id="logPathName" value="设置log文件" onclick="return SetLog()" />
                                                        <input type="text" id="textType" value="0" size="2"/>
                                                        <input type="text" id="textMode" value="0" size="2"/>
                                                        <input type="button" id="setTypeMode" value="设置显示模式" onclick="return SetControlButtonShowMode()" />
                                                        <input type="button" id="getGPS" value="获取经纬度" onclick="return GetGps()" />&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <input type="button" id="StartMonitor" value="开启崩溃自动生成dump" onclick="return StartMonitor()" />
                                                        <input type="button" id="StopMonitor" value="关闭崩溃自动生成dump" onclick="return StopMonitor()" />
                                                    </div>
                                                </li>
                                                <li id = "tab_con_2" style="display: none;">
                                                    <div style="padding-top:20px; display:none">
                                                        <div style="margin-left: 10px;">
                                                            <select id="selectStreamType" >
                                                                <option value="1">主码流</option>
                                                                <option value="2">辅码流</option>
                                                            </select>
                                                            <select id="selectMediaType" >
                                                                <option value="1">视频</option>
                                                                <option value="2">音频</option>
                                                                <option value="3">视频 + 音频</option>
                                                            </select>
                                                            <select id="selectTransType" >
                                                                <option value="1">TCP</option>
                                                                <option value="0">UDP</option>
                                                            </select>
                                                            <input type="text" id="textFtpIp" value="58.58.232.70" size="10" />
                                                            <input type="text" id="textFtpName" value="test" size="10" /> </br>
                                                            <input type="text" id="textFtpPwd" value="a123456789" size="10" />
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--视频end-->
                                </div>
                            </li>
                            <li>
2
                            </li>
                            <li>
3
                            </li>
                            <li>
4
                            </li>
                        </ul>
                    </div>
                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <!--end-->
                </div>
            </div>
            <div class="item-bottom">
                <p></p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var data=null;
    $(document).ready(function(){
        $(".item-list-con").mCustomScrollbar({
            axis: "y",
            alwaysShowScrollbar: 'integer'
        });
        /*视频弹窗初始化滚动*/
        jQuery(".video-box").slide({mainCell:".bd ul",effect:"left"});
        /*视频初始化滚动*/
        jQuery(".video-s-more").slide({mainCell:".bd ul",effect:"left"});

    });
    $("body").delegate(".qy-list a","click",function () {
        $(this).parent().addClass("on");
        $(this).parent().siblings().removeClass("on");
        var roData=$(this).parent().attr("ro-data");
        console.log(roData,"roData");
        /*点击企业获取获取*/
        getDatas(roData);
        /**/
        console.log("获取的数据",data);
    });

    /*详细数据按钮*/
    $(".open-btn").on("click",function () {
        $('.lay-bg-box').show();
        $('.lay-con-box').show();
    });
    $(".lay-bg-box").on("click",function (e) {
        if(e.target.className=="lay-bg-box") {
            $(".lay-bg-box").hide();
        };
    });
    $(".close-btn-box").on("click",function () {
        $('.lay-bg-box').hide();
        $('.lay-con-box').hide();
    });
    /*四库监管按钮*/
     $(".four-btn-box").on("click",function () {
         $('.four-lay-bg-box').show();
         $('.four-lay-con-box').show();
     });
     $(".four-lay-bg-box").on("click",function (e) {
         console.log(e.target.className);
         if(e.target.className=="four-lay-bg-box") {
             $(".four-lay-bg-box").hide();
         };
     });
     $(".close-btn-four").on("click",function () {
         $('.four-lay-bg-box').hide();
         $('.four-lay-con-box').hide();
     });


      /*五点数据饼状图*/
    function fiveData() {
        var myIndustry = echarts.init(document.getElementById('five-data-con1'));
        options = {
            title: {
                text: '五点数据饼状图',
                top:'0',
                textStyle: {
                    color: '#fff',
                    fontSize:'14',
                    fontWeight:'normal'
                }
            },
            tooltip: {
                trigger: 'item',
                formatter: '{a} <br/>{b} : {c} ({d}%)'
            },
            grid: {
                containLabel: true,
            },
            legend: {
                orient: 'vertical',
                x: 'left',
                y:'20',
                data: ['原材料','在线品','产成品','应收款','账面资金'],
                textStyle:{
                    color:'#fff'
                },
                itemWidth: 10,
                itemHeight:10,
                selectedMode: false,
            },
            calculable: true,
            series: [
                {
                    name: '五点数据',
                    type: 'pie',
                    // roseType: 'radius',
                    radius: ['40%', '60%'],
                    center: ['50%', '48%'],
                    data:[
                        { value: '20', name: '原材料' },
                        { value: '20', name: '在线品' },
                        { value: '20', name: '产成品' },
                        { value: '20', name: '应收款' },
                        { value: '20', name: '账面资金'},
                    ],
                    color: ['#f97f34', '#3b52de', '#fcb634', '#dd41d0','#dd4171'],
                    label: {
                        formatter: '{d}%',
                        textStyle:{
                            color:'#fff'
                        }
                    },
                    labelLine: {
                        show: false,
                        length:0,
                        color:'#fff',
                        lineStyle:{
                            color:'#fff'
                        }
                    },
                    animationEasing: 'cubicInOut',
                    animationDuration: 2600
                }
            ]
        };
        myIndustry.setOption(options);
    };
    fiveData();
    /*授信额度已用额度*/
    function extensionEcharts() {
        var myEdu = echarts.init(document.getElementById('ech-edu-con'));
        options={
            /* title: {
               text: '授信额度',
               left: '50',
               textStyle: {
                 color: '#fff'
               }
             },*/
             tooltip: {
               show: false,
             },
            series: [
                {
                    name: '已授信/总授信',
                    type: 'liquidFill',
                    radius: '98%',
                    center: ['50%', '50%'],
                    //data: [{name:"总额度",value:'100'},{name:"已授信",value:'20'}],
                    data: [0.5,0.2],
                    color: ['#37254a', '#ffc27f'],
                    backgroundStyle: {
                        color: '#06003c'
                    },
                    label: {
                        show: true,
                        color: 'white',
                        insideColor: 'white',
                        fontSize: 12,
                        fontWeight: 'normal',
                        position: 'inside',
                        formatter: function(param) {
                            return param.seriesName + '\n'
                                + param.name + '\n'
                                + (param.value*100) +"%";
                        }
                       /* formatter: function () {
                            return '已授信/总授信' + '\n' + '\n' + 0.01 * 10 + ' %' + '\n'
                        }*/
                    },
                    outline: {
                        borderDistance: 0,
                        itemStyle: {
                            borderWidth: 2,
                            borderColor: '#0250e4'
                        }
                    }
                }
            ]
        };
        myEdu.setOption(options);
    };
    extensionEcharts();

    /*营监测指标*/
    function runEcharts() {
        var myRunechars = echarts.init(document.getElementById('run-box'));
        var colorChange = function(data,y1,y2){
            if(data < y1 || data === y1){
                return 'rgba(054,204,133,0.8)'//success
            }else if(data>y1 && data<y2){
                return 'rgba(249,127,052,0.8)'//warning
            }else if(data>y2) {
                return 'rgba(221,065,113,0.8)'//danger
            }
        }
        var data={
            data1:{
                value:90,
                y1:200,//预警值1
                y2:260,//预警值2
                y3:320,
            },
            dataBlock:{//自定义预警值背景块
                y1:200,
                y2:60,
                y3:60
            }
        };
        option = {
            color: ['#fff'],
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                },
                formatter:'{b}: {c3}天'
            },
            grid: {
                top: 20,
                left: '2%',
                right: '2%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: ['应收账款账期','毛利润','应收账款折损率','库存周转率'],
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    lineStyle: {
                        width: 2
                    }
                }
            }],
            yAxis: [{
                type: 'value',
                axisTick: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                axisLine: {
                    show: false,
                    lineStyle: {
                        width: 2
                    }
                },
                axisLabel: {
                    show: false
                }
            }],
            series: [
                {
                    name: 'L',
                    type: 'bar',
                    //barGap: '-100%',
                    stack: 'vistors',
                    barWidth: '40%',
                    data: [{value:data.dataBlock.y1}],
                    itemStyle: {
                        color:'#323232'
                    }
                },
                {
                    name: 'L1',
                    type: 'bar',
                    //barGap: '-100%',
                    stack: 'vistors',
                    barWidth: '40%',
                    data: [{value:data.dataBlock.y2}],
                    itemStyle: {
                        color:'#323232',
                        shadowColor:'#060042',
                        shadowOffsetY:'2'
                    }

                },
                {
                    name: 'L2',
                    type: 'bar',
                    //barGap: '-100%',
                    stack: 'vistors',
                    barWidth: '40%',
                    data: [{value:data.dataBlock.y3}],
                    itemStyle: {
                        color:'#323232',
                        barBorderRadius: [3, 3, 0, 0],
                        shadowColor:'#060042',
                        shadowOffsetY:'2'
                    }

                },
                {
                    name: '比率',
                    type: 'bar',
                    barGap: '-100%',
                    label: {
                        show:true,
                        position: 'top',
                        textStyle:'black',
                        formatter:'{c}天'

                    },
                    barWidth: '40%',
                    z:10,
                    data:[
                        {
                            value:data.data1.value,
                            itemStyle:{
                                color:colorChange(data.data1.value,data.data1.y1,data.data1.y2)
                            }
                        },
                    ],
                    itemStyle:{
                        barBorderRadius: [3, 3, 0, 0],
                    }

                }
            ]
        };
        myRunechars.setOption(option);
    };
        //runEcharts();

    /*风险控制指标*/
    function woringEcharts() {
        var myWoringechars = echarts.init(document.getElementById('waring-box'));
        options = {
            color: ['#3398DB'],
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis : [
                {
                    type : 'category',
                    data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                    axisTick: {
                        alignWithLabel: true
                    }
                }
            ],
            yAxis : [
                {
                    type : 'value'
                }
            ],
            series : [
                {
                    name:'直接访问',
                    type:'bar',
                    barWidth: '60%',
                    data:[10, 52, 200, 334, 390, 330, 220]
                }
            ]
        };
        myWoringechars.setOption(options);
    };


    /*ajax数据*/
    function getDatas(attr) {
        $.ajax({
            type: "post",
            url: "public/json/"+attr+".json",
            dataType: "json",
            success: function(resdata){
                data=resdata;
                console.log(data,"data");
                /*绑定五点数据*/
                bindFiveData();
            },
            error:function (error) {
                console.log(error,"请求错误！");
            }
        });
    };
    getDatas("juxin");
    /*绑定五点数据*/
    function bindFiveData() {
        $('#bind-five-data').find('span').remove();
        var dataList=data['wudianshuju'];
        for (var i = 0; i <dataList.length; i++) {
            var strs='<span>'+
                '<p>'+dataList[i].num+'</p>'+
                '<a>'+dataList[i].name+''+"(元)"+'</a>'+
                '</span>';
            $('#bind-five-data').append(strs);
        };
        strs=null;
    };
    //# sourceMappingURL=file.js.map
</script>
</body>
<script src="public/js/jquery.xml2json.js"></script>
<script src="public/js/ocxfun_new.js"></script>
</html>